自定義元件的插槽

多具名插槽的用法

• 在Vue中，很多指令都有縮寫的形式，具名插槽也同樣具有縮寫形式，可以使用符號「 # 」來代替「 v-slot 」、前面的範例程式中，修改成以下的樣子依然可以正常執行：

<my-container2>
    <template #header>
        <h1> 這裡是標頭元素 </h1>
    </template>
    <template #main>
        <p> 內容部分 </p>
        <p> 內容部分 </p>
    </template>
    <template #footer>
        <p> 這裡是尾部元素 </p>
    </template>
</my-container2>

• 這次30天的鐵人賽就到這邊告一段落了，雖然很可惜中斷了比賽，但還是繼續完成了30篇的介紹，希望能幫助大家更認識Vue的用法，如果有興趣了解更多的話，可以去查看參考書籍！

謝謝大家！